﻿@charset "utf-8";
/* CSS Document */
/*==list==*/

.logo_sm{float:left;width:115px; height:35px;}

.showroommain{width:980px; margin:0 auto; clear:both;}
.showbanner{width:980px;height:92px; background: url(../images/showroom/bannerbg1.jpg) no-repeat; position:relative;}

.showsuplevel{ position:absolute; top:26px; right:20px;}
.showlogo{float:left;width:110px;}
.showlogo img{padding:7px 0 0 13px;}
.showcompany{float:left;width:660px; padding-top:30px;}
.showcompany a{font:24px/28px Arial, Helvetica, sans-serif; color:#000}
.showNav{height:33px; background:#FB4047; position:relative; padding-left:2px;}

.showsearch{width:240px; height:26px; position:absolute; right:3px; top:3px; background:#fff;}
.showsearch span{ display:block; float:left; width:20px;}
.showsearch span.showinput{width:220px;}
.showsearch span.showinput input{padding:2px 5px; width:210px; height:21px; border:0px; line-height:21px;}

.navlist ul li{float:left;}
.navlist ul li.n01{width:88px;}
.navlist ul li.n02{width:151px;}
.navlist ul li.n03{width:107px;}
.navlist ul li.n04{width:119px;}
.navlist ul li a{display:block; float:left; height:33px; padding:0 27px; color:#fff; border-right:1px solid #D80F15; line-height:33px; font-weight:700}
.navlist ul li a:hover,.navlist ul li a.current{ color:#000; background:#fff; border-top:2px solid #FB4047; height:31px; line-height:29px; border-right:0px;}

.showleft{float:left;width:238px; padding-top:12px;}
.showright{float:left;width:735px; padding-left:7px; padding-top:12px;}
.showcatetit{cursor:pointer;height:32px; background:url(../images/showroom/lefttopbg.jpg) no-repeat; color:#fff; line-height:32px; padding-left:12px;}
.categorylist{border:1px solid #DFDFDF; border-top:0px; border-bottom:0px;}
.categorylist h2{font:700 12px/28px Arial, Helvetica, sans-serif; padding-left:15px; color:#333; height:29px; border-bottom:1px solid #DFDFDF; background: url(../images/cata_leftitbg.jpg) repeat-x;}
.categorylist ul li a{display:block; border-top:1px solid #fff; border-bottom:1px solid #DFDFDF;height:28px; padding-left:12px; line-height:28px;}
.catebot{height:2px; overflow:hidden; background:url(../images/showroom/leftbot.jpg) no-repeat;}


.categorylist ul li a.open{ background:url(../images/cata_arr03.jpg) no-repeat 219px 12px;}
.categorylist .subusnav{padding:2px 0px 5px; border-bottom:1px solid #DFDFDF}
.categorylist .subusnav li{height:22px; line-height:22px;}
.categorylist .subusnav li a{ display:block; background:url(../images/cata_arr01.jpg) no-repeat 16px 11px; padding-left:28px; border:0px;}



.show_cominfo{border:1px solid #DFDFDF; width:236px; margin-top:12px;}
.show_cominfo .tit,.showtoplist .tit,.srcontactHarea .tit{height:30px; border-bottom:1px solid #dfdfdf; background:url(../images/showroom/titbg.jpg) repeat-x; padding-left:12px; line-height:30px;}
.show_ccon{width:210px; margin:0 auto; padding:8px 0px;}
.show_ccon .clogo{float:left;width:60px;}
.show_ccon .cname{float:left;width:150px;}
.show_ccon .ctxt{clear:both;}
.showtoplist,.showprolist{border:1px solid #DFDFDF; width:733px;}
.showtoplist .list{padding:10px 0px;}
.showtoplist ul li{width:28%; float:left; padding-left:5%;}
.showtoplist ul li a{color:#071D28;}
.showtoplist ul li a:hover{color:#0080C8}
.showprolist{margin-top:12px;}
.showprolist .tit{height:30px;border-bottom:1px solid #dfdfdf; background:url(../images/showroom/titbg.jpg) repeat-x; padding-left:12px; position: relative;}
.showprolist .tit .view{position:absolute; right:12px; top:6px; width:90px; height:18px; line-height:18px; vertical-align:middle; font-weight:700;}
.showprolist .tit .view a{ display:inline-block; width:17px; height:17px; overflow:hidden; background:url(../images/showroom/view_02.jpg) no-repeat; margin-left:8px;vertical-align:middle;}
.showprolist .tit .view a.vlist{ background:url(../images/showroom/view_01.jpg) no-repeat;}
.showprolist .tit .view a:hover.vgallery,.showprolist .tit .view .vgallery.vl_on{ background:url(../images/showroom/view_02c.jpg) no-repeat;}
.showprolist .tit .view a:hover.vlist,.showprolist .tit .view .vlist.vl_on{ background:url(../images/showroom/view_01c.jpg) no-repeat;}

.showprolist .tit .showconbtn{position:absolute;left:95px; top:3px; display:block;width:130px; height:24px; text-align:center; background:url(../images/showroom/contactbg.jpg) no-repeat; color:#fff; line-height:24px; font-weight:700;}
.showprolist .tit a:hover.showconbtn{background:url(../images/showroom/contactbg2.jpg) no-repeat; }
.cselect{position:absolute;left:6px; top:5px;} 
.cselect input{display:inline-block; vertical-align:middle;}
.cselect strong{ display:inline-block;vertical-align:middle;}


.showlist_pro,.showgallery_pro{clear: both;width:715px;padding-left:17px;}
.showlist_pro ul li{display:block;width:140px; height:216px; float:left; margin:20px 18px 0px 17px; overflow:hidden;}

.showlist_pro ul li .image,.showgallery_pro .image{display:table;*position:relative;  overflow:hidden;height: 138px; width:138px;
border:1px solid #ccc;}
.showlist_pro ul li .image span,.showgallery_pro .image span{display:table-cell;vertical-align:middle;text-align:center; width:138px;*display:block; *position:relative;*position:absolute;*top:50%;}
.showlist_pro ul li .image span a,.showgallery_pro .image span a{display:block;*position:relative;*top:-50%;}

.showlist_pro li .name{padding:3px 0px; line-height:18px; height:38px; overflow:hidden}
.showlist_pro li .name input{ vertical-align:middle;}
.showlist_pro li .name a{vertical-align:middle;}

.showlist_pro li .consup a,.showgallery_pro li .consup a{width:140px; height:24px; display:block; background:url(../images/showroom/contactbg_list.jpg) no-repeat; color:#fff; text-align:center; font:700 12px/24px Arial, Helvetica, sans-serif;}
.showlist_pro li .consup a:hover,.showgallery_pro li .consup a:hover{ background:url(../images/showroom/contactbg_list2.jpg) no-repeat;}
.showgallery_pro{width:700px;}
.showgallery_pro ul li{padding:15px 0px; border-bottom:1px solid #E2E7EB;}
.showgallery_pro ul li.last{border:0px; padding-bottom:5px;}
.showgallery_pro .srcheck{float:left;width:30px;}
.showgallery_pro .image{float:left;}
.showgallery_pro .text{float:left;width:505px; padding-left:20px; position:relative;}

.showgallery_pro .consup{position:absolute; right:0px; bottom:0px;}
.showgallery_pro .para strong{ display:inline-block; padding-right:5px; color:#666;}




.showroompage{border-top:1px solid #dfdfdf; width:700px; text-align:center; margin-left:18px; margin-top:8px; padding:15px 0px 5px;}

/*==home==*/
.showtopcom{border:1px solid #dfdfdf; width:709px; padding:8px 12px;}
.comimage{float:left;width:286px;}
.comprofile{float:left;width:382px; padding-left:32px; padding-bottom:50px; position:relative;}

.memsince{ display:inline-block; background:url(../images/showroom/icon_1.jpg) no-repeat 0px 3px; padding-left:18px; padding-right:15px; color:#666; height:28px;}
.lastloginda{display:inline-block; background:url(../images/showroom/icon_2.jpg) no-repeat 0px 3px; padding-left:18px;color:#666;height:28px;}
.srhometab{border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding-top:5px; padding-bottom:5px;}
.srhometab td{height:24px;}

.commore{ display:block;width:75px; height:20px; color:#0080C8; background:url(../images/showroom/icon_arr1.jpg) no-repeat right 7px; position:absolute; left:32px; bottom:12px;}
a:hover.commore,.srmore a:hover{ text-decoration:underline}
.homconsup{ position:absolute;width:130px; height:32px; right:0px; bottom:5px;}
.homconsup a,.srcsubmit .sub{ display:block; height:32px; color:#fff;font:700 12px/32px Arial, Helvetica, sans-serif; text-align:center; background:url(../images/showroom/submit1.jpg) no-repeat;}
.homconsup a:hover,.srcsubmit .sub:hover{background:url(../images/showroom/submit2.jpg) no-repeat;}
.hometlist{line-height:30px;}
.showhome_list ul li{height:180px;}
.srmore{ text-align:right; padding-top:15px; height:30px; padding-right:30px;}
.srmore a{display:block; width:180px; height:20px; color:#0080C8; background:url(../images/showroom/icon_arr1.jpg) no-repeat right 7px; padding-right:10px; float:right;}

.srcontactHarea{border:1px solid #DFDFDF; width:733px; margin-top:12px;}
.showcontab{padding:10px 0px;}

.show_error{background:#FFDDDD url(../images/login_error.jpg) no-repeat 5px 5px; color:#D60107; padding:3px 8px 3px 25px; min-height:18px; width:277px; line-height:18px; margin-top:5px;}
.userinput{border:1px solid #ccc; height:18px; width:316px; padding-left:3px;}
.usertextarea{border:1px solid #ccc;width:316px;padding-left:3px; height:70px; font:100 12px/20px Arial, Helvetica, sans-serif}
.srcsubmit{padding-left:118px;}
.srcsubmit .sub{width:130px; border:0px; cursor:pointer}

/*==company profile==*/
.comprofile2{ position: relative; padding-bottom:50px}
.comprofile2 .comimage2{float:left; padding-right:25px;}
.srcomtab2{padding:15px;}
.showhome_list{ position: relative; width:716px;}

.dcinprevious a,.dcinnext a{display:block; width:19px; height:50px; background:url(../images/showroom/next.jpg) no-repeat;}
.dcinnext a:hover{background:url(../images/showroom/next2.jpg) no-repeat;}
.dcinprevious a{background:url(../images/showroom/prev.jpg) no-repeat;}
.dcinprevious a:hover{background:url(../images/showroom/prev2.jpg) no-repeat;}
.dcinprevious{position: absolute; left:0px; top:60px;width: 19px;height: 50px;}
.dcinnext{position: absolute;top: 60px;right: 0;width: 19px;height:50px;}
.dcinli{position:relative; width:700px; height:214px; overflow:hidden;}
.dcinli ul{position:absolute;}


/*====productdetail==*/
.prodetailtit{height:24px;}
.prodeimg{float:left;width:244px; padding-right:26px; padding-top:10px;}
.prodeimg .img{display:table;border:1px solid #ccc; width:242px; height:242px;text-align:center}
.prodeimg .img span{ display:table-cell; vertical-align:middle; text-align:center}
.smallPic{padding-top:5px; position:relative; height:50px; padding-left:20px;}
.smallPic #goleft{width:13px; height:46px; display:block; background:url(../images/pre_l.jpg) no-repeat; position:absolute;left:0px; top:5px;}
#goright{width:13px; height:46px; display:block;position:absolute;background:url(../images/next_r.jpg) no-repeat; right:0px;top:5px;}
#goleft span,#goright span{display:none;}
.SmallWarp{float:left;height:46px;width:205px; position:relative;overflow:hidden;}
.Smailllist{position:absolute;}
.Smailllist li{float:left; margin-right:7px;}
.Smailllist li img{border:1px solid #ccc; width:44px; height:44px;}

.prodetxt th{ vertical-align:top; text-align:left;border-bottom: 1px #f2f2f2 dashed;padding: 3px 5px 3px 0;}
.prodetxt td{border-bottom: 1px #f2f2f2 dashed;padding: 3px 5px 3px 0;vertical-align: top;}
.prodettop{ position: relative; width:709px;}

.prodettop .homconsup{left:50px; bottom:40px; right:auto;}

/*修改了产品详细页的contact supplier 按钮位置不固定问题 */
.prodettop .homconsup{ position: static; height:50px; clear:both; padding-left:50px; padding-top:20px; right:auto;}


